<template>
  <div id="app">
    <p>
      <button @click="handleMount">mount</button>
      <button @click="handleUnmount">unmount</button>
    </p>
    <p>
      <input type="text" v-model="text">
      <button @click="send">Send</button>
    </p>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      text: 'Hello 2021'
    }
  },
  components: {
  },
  methods: {
    handleMount() {
      this.$dynamicMount.mount()
    },
    handleUnmount() {
      this.$dynamicMount.unmount()
    },
    send() {
      this.$dynamicMount.update({
        text: this.text
      })
    }
  }
}
</script>

<style>

</style>
